<template>
  <div class="add" style="position: fixed; top: 0; width: 100%; height: 2000px; background: whitesmoke">
    <div style="width: 100%;height: 55px;background: white;display: flex" @click="fanhui">
      <div style="font-family: 'Avenir';font-size: 20px;margin: 13px 0 0 15px;"><van-icon name="arrow-left" /></div>
      <div style="font-family: 'Avenir';font-size: 20px;margin: 12px 0 0 130px" v-if="this.$i18n.locale == 'zn'">{{$t('main.PrivacyManagement')}}</div>
      <div style="font-family: 'Avenir';font-size: 20px;margin: 12px 0 0 80px"  v-if="this.$i18n.locale == 'en'"  >{{$t('main.PrivacyManagement')}}</div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 10px" @click="privacySummary">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width: 83.5%;display: flex">{{$t('main.SummaryOfPrivacyPolicy')}}</div>
      <div style="font-family: 'Avenir';font-size: 18px;margin: 13.5px 0 0 20px;color: darkgray">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1px" >
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width: 83.5%;display: flex">{{$t('main.AppPermissions')}}</div>
      <div style="font-family: 'Avenir';font-size: 18px;margin: 13.5px 0 0 20px;color: darkgray">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1px">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width: 83.5%;display: flex">{{$t('main.PersonalInformationCollectionChecklist')}}</div>
      <div style="font-family: 'Avenir';font-size: 18px;margin: 13.5px 0 0 20px;color: darkgray">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1px" >
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width: 83.5%;display: flex">{{$t('main.ListOfPersonalInformationSharedByThirdParties')}}</div>
      <div style="font-family: 'Avenir';font-size: 18px;margin: 13.5px 0 0 20px;color: darkgray">  <van-icon name="arrow" /> </div>
    </div>

  </div>
</template>

<script>

export default {
  data() {
    return {

      user:JSON.parse(localStorage.getItem('login')),
    };
  },
  created() {

  },
  methods: {
    privacySummary(){
      this.$router.push("/privacySummary")
    },
    fanhui() {
      this.$router.push('/setUp')
    },
  }
}

</script>

<style scoped>

</style>
